<template>
    <div>
        
        <div @click="$router.push({name:'movieDetail',query:{id:mitem.id}})" class="movie-list">
            <div class="movie-img">
                <img  v-lazy="mitem.img" alt="">
                </div>
            <div class="right-info">
                <ul class="movie-info">
                    <li ><div class="name">{{mitem.name}}</div></li>
                    <li v-if="mitem.globalReleased && mitem.score!==0" class="score">
                        观众评
                        <span>{{mitem.score}}</span></li>
                    <li style="font-size: 0.875rem;color: #888" v-if="mitem.globalReleased && mitem.score==0">暂无评分</li>
                    <li v-if="!mitem.globalReleased" class="score">
                        <span>{{mitem.wish}}</span>人想看</li>
                    <li class="star">{{mitem.star}}</li>
                    <li class="showinfo">{{mitem.movieinfo}}</li>
                </ul>
                <div class="btn">
                    <button v-if="mitem.globalReleased" class="buy-btn">购票</button>
                    <button v-if="!mitem.globalReleased && mitem.Resource" class="pre-btn">预售</button>
                    <button v-if="!mitem.globalReleased && !mitem.Resource" class="want-btn">想看</button>                                  
                    </div>  
                </div>
                     
        </div>
    </div>
</template>


<script>
import Loading from '../../components/layout/loading.vue'

    export default{
        name: "movieList",
        props: ["mitem"],
        data(){
            return {};
        },
        created(){}
    }
</script>

<style scoped>
@import "../../assets/css/movie-list.css";
</style>
